import { h, defineComponent } from "vue";
import { Icon as IconifyIcon } from "@iconify/vue";

// Iconify Icon在Vue里在线使用（用于外网环境）
export default defineComponent({
	name: "IconifyIconOnline",
	components: { IconifyIcon },
	props: {
		icon: {
			type: String,
			default: "",
		},
	},
	render() {
		const attrs = this.$attrs;
		return h(
			IconifyIcon,
			{
				icon: `${this.icon}`,
				style: attrs?.style ? Object.assign(attrs.style, { outline: "none" }) : { outline: "none" },
				...attrs,
			},
			{
				default: () => [],
			}
		);
	},
});
